.topbarbox {
	display: flex;
	width: 100%;
	height: var(--status-bar-height);
	background-color: transparent;
}

.borderBox {
	box-sizing: border-box;
}

.defIcon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.defIcon>image {
	width: 100%;
	height: 100%;
}

.wrapperLayer {
	width: 100%;
	overflow: hidden;
}

.row {
	display: flex;
}

.rowCen {
	display: flex;
	align-items: center;
}

.rowSta {
	display: flex;
	align-items: flex-start;
}

.rowEnd {
	display: flex;
	align-items: flex-end;
}

.rowBase {
	display: flex;
	align-items: baseline;
}

.rowCenCen {
	display: flex;
	align-items: center;
	justify-content: center;
}

.rowCenBet {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rowCenAro {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.rowCenSta {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.rowCenEnd {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.rowStaBet {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.rowStaCen {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.rowEndBet {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.col {
	display: flex;
	flex-direction: column;
}

.colCen {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.colBase {
	display: flex;
	flex-direction: column;
	align-items: baseline;
}

.colSta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.colEnd {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.colCenCen {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.colCenBet {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.colCenSta {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.colCenEnd {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.colCenAro {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.colStaBet {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.colStaCen {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.colEndBet {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
}

.btn {
	width: 140upx;
	height: 56upx;
	line-height: 56upx;
	background-color: #F6BF29;
	border-radius: 8upx;
	font-size: 30upx;
	color: #FFFFFF;
	text-align: center;
	color: #FFFFFF;
}

.btnYel {
	width: 640upx;
	height: 80upx;
	line-height: 80upx;
	background: linear-gradient(90deg, rgba(246, 190, 41, 1) 0%, rgba(251, 203, 72, 1) 100%);
	border-radius: 6upx;
	margin-left: 50%;
	transform: translate(-50%);
	text-align: center;
	font-size: 28upx;
}

/* complaint */
.checkbox {
	font-size: 30upx;
	color: #929292;
	text-align: center;
	padding: 16upx 20upx;
	border: 2upx solid #EEEEEE;
	margin-top: 30upx;
	margin-right: 50upx;
	border-radius: 4upx;
}

.selectBox {
	background: linear-gradient(90deg, rgba(246, 190, 41, 1) 0%, rgba(251, 203, 72, 1) 100%);
	border: 2upx solid #F6BF29;
	color: #FFFFFF;
}

.canCommitFalse {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80upx;
	background: #DDDDDD;
	color: #FFFFFF;
	line-height: 80upx;
	font-size: 30upx;
	text-align: center;
}

.complaintTrue {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80upx;
	background: linear-gradient(90deg, rgba(246, 190, 41, 1) 0%, rgba(251, 203, 72, 1) 100%);
	color: #FFFFFF;
	line-height: 80upx;
	font-size: 30upx;
	text-align: center;
}

.topicBtn {
	height: 80upx;
	line-height: 80upx;
	background-color: #F6BF29;
	font-size: 30upx;
	color: #FFFFFF;
	text-align: center;
	position: fixed;
	bottom: 40upx;
	left: 20upx;
	right: 20upx;
	border-radius: 4upx;
}

/* .topbarbox {width: 100vw;height: var(--status-bar-height);background-color: transparent;} */
.topbarbox1 {width: 100vw;height: calc(100vh - var(--status-bar-height));background-color: transparent;}
.topbarTop {width: 100%;top: 0;position: fixed;z-index: 99;}
.topbarTop1 {width: 100%;top:0;position: fixed;z-index: 99;background-color: rgba(0,0,0,.3)}
.posR{position: relative;}
.posA{position: absolute;}
.posA0{position: absolute;top: 0;left: 0;bottom: 0;width: 100vw;}
.posF{position: fixed;}
.posF0{position: fixed;left: 0;bottom: 0;width: 100vw;}
.clearImg{font-size: 0;}
.colMain{color: #D7577B;}
.colInput{color: #c0c4cc;}
.colF{color: #FFFFFF;}
.colHui{color: #9AA0A4;}
.col0{color: #000000;}
.col2{color: #222222;}
.col3{color: #333333;}
.col6{color: #666666;}
.col9{color: #999999;}
.colRed{color: #FF2A2A;}
.colOrg{color: #ffba57;}
.colY{color: #FFE030;}
.colGreen{color: #17CA3D;}
.colBlue{color: #3798D6;}
.colPink{color: #fd6691;}
.bgMain{background-color: #002544;}
.bgMain1{background-image: linear-gradient(90deg,#D4538B,#DC605C);}
.bgF{background-color: #FFFFFF;}
.bg0{background-color: #000000;}
.bgTy{background-color: #F3F2F5;}
.bgHui{background-color: #efefef;}
.bgF6{background-color: #F6F6F6;}
.bgF7{background-color: #F7F7F7;}
.bgOrg{background-color: #EF5D1D;}
.bgPink{background-color: #D7577B;}
.bgGreen{background-color: #17CA3D;}
.bgBlue{background-color: #3798D6;}
.aliC{text-align: center;}
.aliR{text-align: right;}
.fontw{font-weight: bold;}
.fontw500{font-weight: 500;}
.fontw600{font-weight: 600;}
.fontw700{font-weight: 700;}
.btnMain{background-color: #D7577B;color: #FFFFFF;text-align: center;}
.btnMainjb{background-image: linear-gradient(90deg,#D4538B,#DC605C);color: #FFFFFF;text-align: center;}
.btnRed{background-color: #FDDFCC;color: #C96A3F;text-align: center;}
.btnOrg{background-color: #ffbb00;color: #FFFFFF;text-align: center;}
.btnGreen{background-color: #63ff6e;color: #FFFFFF;text-align: center;}
.btnBlue{background-color: #1091ff;color: #FFFFFF;text-align: center;}
.btnY{background-image: linear-gradient(90deg,#FFAC04,#FDD202);color: #FFFFFF;text-align: center;}
.btnHui{background-color: #F6F6F6;color: #999;text-align: center;}
.btnHuiSku{background-color:#C0C0C0;color: #000000;text-align: center;}
.btnNoSku{background-color:#C0C0C0;color: #737373;text-align: center;}

.btnMain1{color: #D7577B;border: 2rpx solid #D7577B;text-align: center;}
.btnHui1{border: 2rpx solid #687782;color: #687782;text-align: center;}
.btnF1{border: 1px solid #FFFFFF;color: #FFFFFF;text-align: center;}
.btnRed1{border: 1px solid #ec4276;color: #ec4276;text-align: center;}
.btnY1{border: 1px solid #FDD202;color: #f7c380;text-align: center;}

.borMain{border: 2rpx solid #D7577B;}
.borMainL8{border-left: 8rpx solid #D7577B;}
.borMainR2{border-right: 2rpx solid #D7577B;}
.borMainB8{border-bottom: 8rpx solid #D7577B;}
.borMainB{border-bottom: 2rpx solid #D7577B;}
.borMainB4{border-bottom: 4rpx solid #D7577B;}
.bor3{border: 2rpx solid #333;}
.bor6{border: 2rpx solid #666;}
.bor9{border: 2rpx solid #b3b2b2;}
.borF{border: 2rpx solid #FFFFFF;}
.borYd{border: 2rpx solid #f0fabe;}
.borY{border: 2rpx solid #9d6d0d;color: #995201;}
.borBlue4{border: 4rpx solid #3798D6;color: #3798D6;}
.borHui{border: 2rpx solid #D2D2D2;color: #D2D2D2;}
.borT{border-top: 2rpx solid #f2f2f2;}
.borR{border-right: 2rpx solid #f2f2f2}
.borB{border-bottom: 2rpx solid #173E6A;}
.borBF4{border-bottom: 4rpx solid #F4F4F4;}
.borBF6{border-bottom: 4rpx solid #F6F6F6;}
.borB9{border-bottom: 2rpx solid #999;}
.boxS{box-shadow: 0 0 10rpx rgba(0,0,0,.3);}
.boxS1{box-shadow: 0rpx 5rpx 10rpx #ddd;}

.height50{height: 50rpx;line-height: 50rpx;border-radius: 25rpx;}
.height60{height: 60rpx;line-height: 60rpx;border-radius: 30rpx;}
.height70{height: 70rpx;line-height: 70rpx;border-radius: 35rpx;}
.height80{height: 80rpx;line-height: 80rpx;border-radius: 40rpx;}

.fontS20{font-size: 20rpx;}
.fontS22{font-size: 22rpx;}
.fontS24{font-size: 24rpx;}
.fontS26{font-size: 26rpx;}
.fontS28{font-size: 28rpx;}
.fontS30{font-size: 30rpx;}
.fontS32{font-size: 32rpx;}
.fontS34{font-size: 34rpx;}
.fontS36{font-size: 36rpx;}
.fontS38{font-size: 38rpx;}
.fontS40{font-size: 40rpx;}
.fontS44{font-size: 44rpx;}
.fontS50{font-size: 50rpx;}
.fontS52{font-size: 52rpx;}
.fontS72{font-size: 72rpx;}

.width10{width: 10%;}
.width20{width: 20%;}
.width25{width: 25%;}
.width30{width: 30%;}
.width33{width: 33.33%;}
.width40{width: 40%;}
.width50{width: 50%;}
.width60{width: 60%;}
.width70{width: 70%;}
.width75{width: 75%;}
.width80{width: 80%;}
.width90{width: 90%;}
.width95{width: 95%;}
.width100{width: 100%;}

.wh10{width: 10rpx;height: 10rpx;}
.wh20{width: 20rpx;height: 20rpx;}
.wh22{width: 22rpx;height: 22rpx;}
.wh24{width: 24rpx;height: 24rpx;}
.wh26{width: 26rpx;height: 26rpx;}
.wh28{width: 28rpx;height: 28rpx;}
.wh30{width: 30rpx;height: 30rpx;}
.wh32{width: 32rpx;height: 32rpx;}
.wh36{width: 36rpx;height: 36rpx;}
.wh40{width: 40rpx;height: 40rpx;}
.wh44{width: 44rpx;height: 44rpx;}
.wh46{width: 46rpx;height: 46rpx;}
.wh48{width: 48rpx;height: 48rpx;}
.wh50{width: 50rpx;height: 50rpx;}
.wh60{width: 60rpx;height: 60rpx;}
.wh70{width: 70rpx;height: 70rpx;}
.wh80{width: 80rpx;height: 80rpx;}
.wh88{width: 88rpx;height: 88rpx;}
.wh90{width: 90rpx;height: 90rpx;}
.wh100{width: 100rpx;height: 100rpx;}
.wh108{width: 108rpx;height: 108rpx;}
.wh110{width: 110rpx;height: 110rpx;}
.wh120{width: 120rpx;height: 120rpx;}
.wh130{width: 130rpx;height: 130rpx;}
.wh140{width: 140rpx;height: 140rpx;}
.wh150{width: 150rpx;height: 150rpx;}
.wh160{width: 160rpx;height: 160rpx;}
.wh170{width: 170rpx;height: 170rpx;}
.wh180{width: 180rpx;height: 180rpx;}
.wh190{width: 190rpx;height: 190rpx;}
.wh200{width: 200rpx;height: 200rpx;}
.wh280{width: 280rpx;height: 280rpx;}
.wh300{width: 300rpx;height: 300rpx;}
.wh750{width: 750rpx;height: 750rpx;}

.brYuan{border-radius: 50%;}
.br6{border-radius: 6rpx;}
.br10{border-radius: 10rpx;}
.br12{border-radius: 12rpx;}
.br16{border-radius: 16rpx;}
.br18{border-radius: 18rpx;}
.br20{border-radius: 20rpx;}
.br30{border-radius: 30rpx;}
.br40{border-radius: 40rpx;}
.br45{border-radius: 45rpx;}
.br50{border-radius: 50rpx;}
.br60{border-radius: 60rpx;}
.br70{border-radius: 70rpx;}
.br80{border-radius: 80rpx;}
.br90{border-radius: 90rpx;}
.br100{border-radius: 100rpx;}

.mar6{margin: 6rpx;}
.mar10{margin: 10rpx;}
.mar16{margin: 16rpx;}
.mar20{margin: 20rpx;}
.mar30{margin: 30rpx;}
.mar40{margin: 40rpx;}
.mar50{margin: 50rpx;}
.mar60{margin: 60rpx;}
.mar70{margin: 70rpx;}
.mar80{margin: 80rpx;}
.mar90{margin: 90rpx;}
.mar100{margin: 100rpx;}

.marT6{margin-top: 6rpx;}
.marT10{margin-top: 10rpx;}
.marT16{margin-top: 16rpx;}
.marT20{margin-top: 20rpx;}
.marT30{margin-top: 30rpx;}
.marT40{margin-top: 40rpx;}
.marT50{margin-top: 50rpx;}
.marT60{margin-top: 60rpx;}
.marT70{margin-top: 70rpx;}
.marT80{margin-top: 80rpx;}
.marT90{margin-top: 90rpx;}
.marT100{margin-top: 100rpx;}
.marT120{margin-top: 120rpx;}
.marT150{margin-top: 150rpx;}
.marT200{margin-top: 200rpx;}

.marB4{margin-bottom: 4rpx;}
.marB6{margin-bottom: 6rpx;}
.marB10{margin-bottom: 10rpx;}
.marB16{margin-bottom: 16rpx;}
.marB20{margin-bottom: 20rpx;}
.marB30{margin-bottom: 30rpx;}
.marB40{margin-bottom: 40rpx;}
.marB50{margin-bottom: 50rpx;}
.marB60{margin-bottom: 60rpx;}
.marB70{margin-bottom: 70rpx;}
.marB80{margin-bottom: 80rpx;}
.marB90{margin-bottom: 90rpx;}
.marB100{margin-bottom: 100rpx;}
.marB120{margin-bottom: 120rpx;}

.marL6{margin-left: 6rpx;}
.marL10{margin-left: 10rpx;}
.marL16{margin-left: 16rpx;}
.marL20{margin-left: 20rpx;}
.marL30{margin-left: 30rpx;}
.marL40{margin-left: 40rpx;}
.marL50{margin-left: 50rpx;}
.marL60{margin-left: 60rpx;}
.marL70{margin-left: 70rpx;}
.marL80{margin-left: 80rpx;}
.marL90{margin-left: 90rpx;}
.marL100{margin-left: 100rpx;}

.marR6{margin-right: 6rpx;}
.marR10{margin-right: 10rpx;}
.marR16{margin-right: 16rpx;}
.marR18{margin-right: 18rpx;}
.marR20{margin-right: 20rpx;}
.marR30{margin-right: 30rpx;}
.marR40{margin-right: 40rpx;}
.marR50{margin-right: 50rpx;}
.marR60{margin-right: 60rpx;}
.marR70{margin-right: 70rpx;}
.marR80{margin-right: 80rpx;}
.marR90{margin-right: 90rpx;}
.marR100{margin-right: 100rpx;}

.marTB10{margin: 10rpx 0;}
.marTB16{margin: 16rpx 0;}
.marTB18{margin: 18rpx 0;}
.marTB20{margin: 20rpx 0;}
.marTB22{margin: 22rpx 0;}
.marTB24{margin: 24rpx 0;}
.marTB26{margin: 26rpx 0;}
.marTB28{margin: 28rpx 0;}
.marTB30{margin: 30rpx 0;}
.marTB40{margin: 40rpx 0;}
.marTB50{margin: 50rpx 0;}
.marTB60{margin: 60rpx 0;}
.marTB70{margin: 70rpx 0;}
.marTB80{margin: 80rpx 0;}
.marTB90{margin: 90rpx 0;}
.marTB100{margin: 100rpx 0;}

.marLR10{margin: 0 10rpx;}
.marLR16{margin: 0 16rpx;}
.marLR18{margin: 0 18rpx;}
.marLR20{margin: 0 20rpx;}
.marLR22{margin: 0 22rpx;}
.marLR24{margin: 0 24rpx;}
.marLR26{margin: 0 26rpx;}
.marLR28{margin: 0 28rpx;}
.marLR30{margin: 0 30rpx;}
.marLR40{margin: 0 40rpx;}
.marLR50{margin: 0 50rpx;}
.marLR60{margin: 0 60rpx;}
.marLR70{margin: 0 70rpx;}
.marLR80{margin: 0 80rpx;}
.marLR90{margin: 0 90rpx;}
.marLR100{margin: 0 100rpx;}

.pad6{padding: 6rpx;}
.pad10{padding: 10rpx;}
.pad16{padding: 16rpx;}
.pad20{padding: 20rpx;}
.pad30{padding: 30rpx;}
.pad40{padding: 40rpx;}
.pad50{padding: 50rpx;}
.pad60{padding: 60rpx;}
.pad70{padding: 70rpx;}
.pad80{padding: 80rpx;}
.pad90{padding: 90rpx;}
.pad100{padding: 100rpx;}

.padT6{padding-top: 6rpx;}
.padT10{padding-top: 10rpx;}
.padT16{padding-top: 16rpx;}
.padT20{padding-top: 20rpx;}
.padT22{padding-top: 22rpx;}
.padT24{padding-top: 24rpx;}
.padT26{padding-top: 26rpx;}
.padT28{padding-top: 28rpx;}
.padT30{padding-top: 30rpx;}
.padT40{padding-top: 40rpx;}
.padT50{padding-top: 50rpx;}
.padT60{padding-top: 60rpx;}
.padT70{padding-top: 70rpx;}
.padT80{padding-top: 80rpx;}
.padT90{padding-top: 90rpx;}
.padT100{padding-top: 100rpx;}
.padT110{padding-top: 110rpx;}
.padT120{padding-top: 120rpx;}

.padB6{padding-bottom: 6rpx;}
.padB10{padding-bottom: 10rpx;}
.padB16{padding-bottom: 16rpx;}
.padB20{padding-bottom: 20rpx;}
.padB30{padding-bottom: 30rpx;}
.padB40{padding-bottom: 40rpx;}
.padB50{padding-bottom: 50rpx;}
.padB60{padding-bottom: 60rpx;}
.padB70{padding-bottom: 70rpx;}
.padB80{padding-bottom: 80rpx;}
.padB90{padding-bottom: 90rpx;}
.padB100{padding-bottom: 100rpx;}
.padB120{padding-bottom: 120rpx;}
.padB150{padding-bottom: 150rpx;}

.padL6{padding-left: 6rpx;}
.padL10{padding-left: 10rpx;}
.padL16{padding-left: 16rpx;}
.padL20{padding-left: 20rpx;}
.padL30{padding-left: 30rpx;}
.padL40{padding-left: 40rpx;}
.padL50{padding-left: 50rpx;}
.padL60{padding-left: 60rpx;}
.padL70{padding-left: 70rpx;}
.padL80{padding-left: 80rpx;}
.padL90{padding-left: 90rpx;}
.padL100{padding-left: 100rpx;}

.padR6{padding-right: 6rpx;}
.padR10{padding-right: 10rpx;}
.padR16{padding-right: 16rpx;}
.padR20{padding-right: 20rpx;}
.padR30{padding-right: 30rpx;}
.padR40{padding-right: 40rpx;}
.padR50{padding-right: 50rpx;}
.padR60{padding-right: 60rpx;}
.padR70{padding-right: 70rpx;}
.padR80{padding-right: 80rpx;}
.padR90{padding-right: 90rpx;}
.padR100{padding-right: 100rpx;}

.padTB10{padding: 10rpx 0;}
.padTB16{padding: 16rpx 0;}
.padTB18{padding: 18rpx 0;}
.padTB20{padding: 20rpx 0;}
.padTB22{padding: 22rpx 0;}
.padTB24{padding: 24rpx 0;}
.padTB26{padding: 26rpx 0;}
.padTB28{padding: 28rpx 0;}
.padTB30{padding: 30rpx 0;}
.padTB40{padding: 40rpx 0;}
.padTB50{padding: 50rpx 0;}
.padTB60{padding: 60rpx 0;}
.padTB70{padding: 70rpx 0;}
.padTB80{padding: 80rpx 0;}
.padTB90{padding: 90rpx 0;}
.padTB100{padding: 100rpx 0;}

.padLR10{padding: 0 10rpx;}
.padLR16{padding: 0 16rpx;}
.padLR20{padding: 0 20rpx;}
.padLR22{padding: 0 22rpx;}
.padLR24{padding: 0 24rpx;}
.padLR26{padding: 0 26rpx;}
.padLR28{padding: 0 28rpx;}
.padLR30{padding: 0 30rpx;}
.padLR40{padding: 0 40rpx;}
.padLR50{padding: 0 50rpx;}
.padLR60{padding: 0 60rpx;}
.padLR70{padding: 0 70rpx;}
.padLR80{padding: 0 80rpx;}
.padLR90{padding: 0 90rpx;}
.padLR100{padding: 0 100rpx;}

.padA1020{padding: 10rpx 20rpx;}
.padA1030{padding: 10rpx 30rpx;}
.padA1620{padding: 16rpx 20rpx;}
.padA2030{padding: 20rpx 30rpx;}
.padA2620{padding: 26rpx 20rpx;}
.padA2820{padding: 28rpx 20rpx;}
.padA3020{padding: 30rpx 20rpx;}
.padA4030{padding: 40rpx 30rpx;}

@font-face {
  font-family: 'iconfont';  /* project id 2178560 */
  src: url('https://at.alicdn.com/t/font_2178560_4r2f0t0r3i9.eot');
  src: url('https://at.alicdn.com/t/font_2178560_4r2f0t0r3i9.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_2178560_4r2f0t0r3i9.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_2178560_4r2f0t0r3i9.woff') format('woff'),
  url('https://at.alicdn.com/t/font_2178560_4r2f0t0r3i9.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_2178560_4r2f0t0r3i9.svg#iconfont') format('svg');
}


.iconfont {
	font-family: 'iconfont' !important;
}
